import React, { Component } from 'react';
import './index.scss'

class Map extends Component {
componentDidMount() {

    // 初始化地图实例
    // 注意：在 react 脚手架中全局对象需要使用 window 来访问，否则，会造成 ESLint 校验错误
    const map = new window.BMapGL.Map('container')
    // 设置中心点坐标
    const point = new window.BMapGL.Point(113.280637, 23.125178)
    // 初始化地图
    map.centerAndZoom(point, 15)
  
    // 封装百度地图的方法
    // 首先的话，得创建一个百度地图的实例对象，将即将显示的容器放到容器中进行显示
    // 然后设置实例对象的坐标，默认的初始值
    // 最后是将实例对象放到容器钟进行显示
}
  render() {
    return (
      <div className="map">
        <div id="container"></div>
      </div>
    );
  }
}

export default Map;